<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>账号管理</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/css/layui.css">

</head>
<body>

<div class="layui-container">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md12">
            <div class="layui-col-md10">
                <ul class="layui-nav layui-bg-green">
                    <li class="layui-nav-item"><a href="/index.html">YCOJ</a></li>
                    <li class="layui-nav-item "><a href="/index.html">Home</a></li>
                    <li class="layui-nav-item"><a href="/problem.html">Problem Set</a></li>
                    <li class="layui-nav-item"><a href="">Contest</a></li>
                    <li class="layui-nav-item"><a href="/status.html">Status</a></li>
                    <li class="layui-nav-item"><a href="">FAQ</a></li>
                </ul>
            </div>
            <div class="layui-col-md2">
                <ul class="layui-nav layui-bg-green" lay-filter="personMenu">
                    <li class="layui-nav-item layui-this"><a href="accountManageD.html">账号管理<span class="layui-badge-dot"></span></a></li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">我</a>
                        <d1 class="layui-nav-child"><!--二级菜单-->
                            <dd><a href="">LogOut</a></dd>
                        </d1>
                    </li>
                </ul>
            </div>
        </div>

        <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <h1><font color="black" >个人资料</font></h1>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-col-md4 layui-col-space10">
                            <div class="layui-col-md12">
                                <br>
                                <img src="img/user.webp" style="width: 200px">
                            </div>
                            <div class="layui-col-md12">
                                <button type="button" class="layui-btn" id="test1">
                                    <i class="layui-icon">&#xe67c;</i>上传图片
                                </button>
                            </div>
                        </div>

                        <div class="layui-col-md5">
                            <form class="layui-form" action="" method="post">
                                <div class="layui-form-item">
                                    <br>
                                    <label class="layui-form-label">昵称:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required lay-verify="required" placeholder="请输入昵称" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">性别:</label>
                                    <div class="layui-input-block">
                                        <input type="radio" name="sex" value="男" title="男">
                                        <input type="radio" name="sex" value="女" title="女" checked>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">现居地:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required lay-verify="required" placeholder="请输入所在地" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">所在系:</label>
                                    <div class="layui-input-block">
                                        <select name="department" lay-verify="required">
                                            <option value=""></option>
                                            <option value="0">信息学院</option>
                                            <option value="1">机械学院</option>
                                            <option value="3">经管学院</option>
                                            <option value="4">法政学院</option>
                                            <option value="5">理学院</option>
                                            <option value="6">建工学院</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">专业班级:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required lay-verify="required" placeholder="请输入所在专业班级" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <label class="layui-form-label">个人简介:</label>
                                    <div class="layui-input-block">
                                        <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button class="layui-btn" lay-submit lay-filter="sumbitInformationFrom">立即提交</button>
                                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <br>
        <br>
        <br>
        <br>
        <div class="layui-col-md12 layui-bg-green">
            <div class="layui-col-md12" ><h1 align="center">开发者</h1></div>
            <hr>
            <div class="layui-col-md12"><h3 align="center">颜才博</h3></div>
            <div class="layui-col-md12"><h3 align="center">浙江理工大学信息学院计算机科学与技术</h3></div>
        </div>

    </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.js"></script>
<script>
    //导航依赖element模块
    layui.use('element', function (){
        var element = layui.element;

        //一些事件触发
        element.on('nav(personMenu)', function (elem){
            //console.log(elem);
            layer.msg(elem.text());
        });

    });
</script>

<script>
    layui.use('form', function(){
        var form = layui.form;

        //监听提交
        form.on('submit(sumbitInformationFrom)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>

</script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->

</body>
</html>
